<template>
	<div class="popup_page">
		<mt-button @click="openpopup">修改个人信息</mt-button>
		<div class="personal_msg">
			<mt-popup
			  v-model="popupVisible"
			  position="bottom"
			  modal=false>
			  <div class="change_msg_box">
			  	<h3>修改个人信息的容器</h3>
			  </div>
			</mt-popup>
		</div>
	</div>

</template>


<script>
	import { Popup } from 'mint-ui';
	export default ({
		data(){
			return{
				popupVisible:false
			}
		},
		methods:{
			openpopup(){
				this.popupVisible = true;
			}
		}
	})
</script>

<style lang="less">
	.popup_page{height:100%;}
	.personal_msg{height: 100%;}
	.change_msg_box{width: 10rem;min-height: 16rem; box-sizing: border-box;}
</style>